<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css">



</head>
<body>
<h1>你好，世界！</h1>
<!--bootstrap 添加样式,直接在class后面添加即可,可多个样式,空格即可-->
<table class="table table-bordered table-striped table-hover">
    <thead>
      <tr>
          <td>名称</td>
          <td>年龄</td>
          <td>性别</td>
      </tr>
    </thead>
    <tbody>
      <tr >
          <td>鲸鱼</td>
          <td>38</td>
          <td>女</td>
      </tr>
      <tr>
          <td>鲨鱼</td>
          <td>48</td>
          <td>女</td>
      </tr>

      <tr >
          <td >肥鱼</td>
          <td>58</td>
          <td>女</td>
      </tr>
    </tbody>

</table>
<form>
    <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>
    <div class="form-group">
        <label for="exampleInputFile">File input</label>
        <input type="file" id="exampleInputFile">
        <p class="help-block">Example block-level help text here.</p>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox"> Check me out
        </label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

<button class="glyphicon glyphicon-off "><span class="danger">关机</span> </button>
<button type="button" class="btn-danger"> <span class="glyphicon glyphicon-off">关机</span></button>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须e放在前边) -->
<script src="js/jquery/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>